//  ---------------------切换盒子-----------------------
// $('.box a').on('click', function () {
//   // 显示类box下一个兄弟
//   $('.box').hide().next().show()
// })
// $('.register a').on('click', function () {
//   $('.box').show().next().hide()
// })

$('.login a').on('click', function () {
  $(this).parents('.login').hide().siblings('.login').show()
})

// --------------------弹出框--------------------
let layer = layui.layer

// -------------------------注册---------------------------
// 表单提交事件 --> 阻止默认行为 --> 收集数据 --> Ajax提交
$('.register form').on('submit', function (ev) {
  // 阻止默认行为
  ev.preventDefault()
  // 收集数据(serialize 必须有name属性值,要和接口参数名一致)
  let data = $(this).serialize()
  $.ajax({
    type: 'POST',
    url: '/api/reguser',
    data: data,
    success: function (res) {
      // console.log(res)
      layer.msg(res.message)
      if (res.status === 0) {
        $('.register form')[0].reset() //清空输入框
        $('.box').show().siblings('.register').hide()
      }
    }
  })
})

// -----------------------自定义验证规则--------------------------
// 1.加载form模块 (let 变量 = layui.模块名)
let form = layui.form
// 2.调用form.verify() 方法扩展自定义规则
form.verify({
  // 键(规则名称):值(验证方法)
  // 值(验证的办法,有两种写法 数组 函数)
  // 数组  规则名称: ['正则表达式','验证不通过时的提示']
  user: [/^\w{2,10}$/, '用户名必须是2~10位'], //  \w 表示数字字母下划线 {2,10}表示2-10位
  pwd: [/^\S{6,12}$/, '密码必须是6~12位'],  // \S非空白字符
  // 函数 规则名称 : 函数  形参为输入的值
  same: function (abc) {
    if ($('.pwd').val() != abc) {
      return '请输入相同密码'
    }
  }
})

// ----------------------登录-----------------------------
// 表单提交事件 --> 阻止默认行为 --> 收集数据 -->Ajax提交
$('.box form').on('submit', function (ev) {
  // 阻止默认行为
  ev.preventDefault()
  $.ajax({
    type: 'POST',
    url: '/api/login',
    data: $(this).serialize(),
    success: function (res) {
      // alert(res.message)
      if (res.status === 0) {
        layer.msg(res.message, {
          time: 2000 //2秒关闭（如果不配置，默认是3秒）
        }, function () {
          // 保存token
          localStorage.setItem('token', res.token)
          //弹出之后,跳转页面
          location.href = './index.html'
        })
      } else {
        layer.msg(res.message)
      }
    }
  })
})